<div class="mdl-color-text--grey-700 mdl-card__supporting-text meta">

  <!-- Author Avatar -->
  <div id="author-avatar">
    <img src="${user.userAvatar?default('/material/source/img/avatar.png')}" width="44px" height="44px"
         alt="Author Avatar"/>
  </div>
  <!-- Author Name & Date -->
  <div>
    <strong>${user.userDisplayName?default('halo')}</strong>
    <span>${post.postDate?string("MM月 dd,yyyy")}</span>
  </div>

  <div class="section-spacer"></div>

  <!-- Favorite -->
  <!--
      <button id="article-functions-like-button" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon btn-like">
          <i class="material-icons" role="presentation">favorite</i>
          <span class="visuallyhidden">favorites</span>
      </button>
  -->

  <!-- Qrcode -->
  <!--
  <% if(theme.qrcode.enable === true) { %>
  <%- partial('_widget/qrcode') %>
  <% } %>
  -->
  <!-- Tags (bookmark) -->
  <button id="article-functions-viewtags-button" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon">
    <i class="material-icons" role="presentation">bookmark</i>
    <span class="visuallyhidden">bookmark</span>
  </button>
  <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-functions-viewtags-button">
        <#if post.tags??>
            <#list post.tags as tag>
                <li class="mdl-menu__item">
                  <a class="post_tag-link" href="/tags/${tag.tagUrl}/">${tag.tagName}</a>
                </li>
            </#list>
        </#if>
  </ul>

  <!-- Share -->
    <#include "../_partial/post-info-share.ftl">
</div>
